<script lang="ts" setup>
import { useSystemInfo } from '@/store/system'
import { NetworkStatusChange } from '@/utils'
const { isConnected } = storeToRefs(useSystemInfo())
const a = () => {
  isConnected.value = false
  NetworkStatusChange()
}
</script>

<template>
  <view
    v-if="!isConnected"
    class="h100vh w750rpx flex flex-col justify-center items-center fixed top-0 left-0 z-99 bg-white"
  >
    <image src="../../static/network.png" class="w256rpx h256rpx" />
    <view class="text-28rpx text-[#333] mt-24rpx">
      您的网络好像不太给力，请稍后再试
    </view>
    <view class="text-28rpx text-[#fff] mt-24rpx reload_btn px24rpx py12rpx rounded-8rpx" @click="a">
      重新加载
    </view>
  </view>
</template>

<style scoped lang="scss">
.reload_btn {
  background: linear-gradient(180deg, #EF2D3C 0%, #E60012 100%);
}
</style>
